<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/top-wei.css">
<base href="<%=basePath%>">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
	$(function() {
		$("#login").css("display", "block");
		$("#register").css("display", "none");
		$(".inpt").focus(function() {
			$(this).css("background-color", "#FFFFCC");
			$(this).css("border", "1px solid #ff9629");
		});
		$(".inpt").blur(function() {
			$(this).css("background-color", "white");
			$(this).css("border", "1px solid #bfc7cf");
		});
		$(".loginClick").click(function() {
			$("#login").css("display", "block");
			$("#register").css("display", "none");
		});
		$(".registerClick").click(function() {
			$("#login").css("display", "none");
			$("#register").css("display", "block");
		});
	});
</script>
</head>
<body>
	<div id="top">
		<div id="top-left">
			<div id="t-l-one">
				<img src="img/LOGO1024@1x.png" />
			</div>
			<div class="t-l-two">
				<a href="">首页</a>
			</div>
			<div class="t-l-two">
				<a href="">培训</a>
			</div>
			<div class="t-l-two">
				<a href="">方案</a>
			</div>
			<div class="t-l-two">
				<a href="">产品</a>
			</div>
			<div class="t-l-two">
				<a href="">活动</a>
			</div>
		</div>
		<div id="top-right">
			<div id="t-r-input">
				<input type="text" name="" style="height: 30px;width:200px"
					placeholder="请输入关键字" />
			</div>
			<div id="t-r-sou">搜索</div>
			<div id="t-r-xinxi">
				<img src="img/youxinxi.png" />
			</div>
			<div id="t-r-yonghutu">
				<img src="img/Patty@1x.png" />
			</div>
			<div id="t-r-yonghum"></div>
		</div>
	</div>
	<!-- top -->
	<hr style="width:90%;" />

	<!-- 登录 -->
	<div id="login" align="center"
		style="border: 1px solid #bfc7cf;color:#40445e;width:436px;height:533px;margin: 0px auto;margin-top: 40px">
		<div style="border-bottom:  1px solid #bfc7cf;height: 52px">
			<table style="width:436px;line-height: 44px;font-size: 20px">
				<tr align="center">
					<td class="loginClick"><a style="cursor:pointer;">登录</a>
					</td>
					<td class="registerClick"><a style="cursor:pointer">注册</a>
					</td>
				</tr>
			</table>
		</div>
		<form action="tech2realAction" method="post">
			<input type="text" name="UserPhone" class="inpt" placeholder="请输入手机号"
				style="padding-left:15px;border-radius:6px;border:1px solid #bfc7cf;height:44px;width:326px;margin-top: 32px;" />
			<input type="password" name="password" class="inpt"
				placeholder="请输入密码"
				style="padding-left:15px;border-radius:6px;border:1px solid #bfc7cf;height:44px;width:326px;margin-top: 22px;" />
			<input type="submit" value="登录"
				style="background-color:#ff9629;color:white;border-radius:6px;border:1px solid #ff9629; width:332px;height:41px;margin-top: 57px;" />
		</form>
		<div align="right"
			style="width:332px;margin-top: 8px;font-size: 14px;">
			<a href="recoverPw.jsp" style="cursor:pointer;">忘记密码</a>
		</div>
		<div style="margin-top: 50px;">
			<span>---------------------- 或 ----------------------</span>
		</div>
		<img style="margin-top: 23px" src="img/Group.png"></img>
		<div>微信登录</div>
	</div>


	<!-- 注册 -->
	<div id="register" align="center"
		style="border: 1px solid #bfc7cf;color:#40445e;width:436px;height:585px;margin: 0px auto;margin-top: 40px">
		<div style="border-bottom:  1px solid #bfc7cf;height: 52px">
			<table style="width:436px;line-height: 44px;font-size: 20px">
				<tr align="center">
					<td class="loginClick"><a style="cursor:pointer">登录</a>
					</td>
					<td class="registerClick"><a style="cursor:pointer">注册</a>
					</td>
				</tr>
			</table>
		</div>
		<form action="tech2RealRigsnAction" method="post">
			<input type="text" class="inpt" id="p" name="phone" placeholder="请输入手机号"
				style="padding-left:15px;border-radius:6px;border:1px solid #bfc7cf;height:44px;width:326px;margin-top: 32px;" />
			<input type="text" class="inpt" placeholder="请输入验证码"
				style="padding-left:15px;border-radius:6px;border:1px solid #bfc7cf;height:44px;width:172px;margin-top: 22px;" />
				<img src="yanzhengmaAcyion"></img>
			  <input
				type="text" class="inpt" name="Verification" id = "sr" placeholder="请输入验证码"
				style="padding-left:15px;border-radius:6px;border:1px solid #bfc7cf;height:44px;width:172px;margin-top: 22px;" />
			
		    <input type="button" id="btn" value="发送验证码"style="background-color:#ff9629;color:white;border-radius:6px;border:1px solid #ff9629; width:145px;height:40px;" />
			
			<input type="password" class="inpt" id="mm" placeholder="请设定您的密码" name="psw"
				style="padding-left:15px;border-radius:6px;border:1px solid #bfc7cf;height:44px;width:326px;margin-top: 22px;" />
			<input type="password" class="inpt" id="qmm" placeholder="请再次确定的密码"
				style="padding-left:15px;border-radius:6px;border:1px solid #bfc7cf;height:44px;width:326px;margin-top: 22px;" />
			<div align="left" style="width:326px;margin-top: 50px">
				<input type="checkbox" /><span
					style="font-size: 14px;color: #9c9b9d">&nbsp&nbsp&nbsp我已阅读并接受<a
					style="color: #ff9629;cursor:pointer;">用户协议</a>
				</span>
			</div>
			<input type="submit" value="确定"
				style="background-color:#ff9629;color:white;border-radius:6px;border:1px solid #ff9629; width:332px;height:41px;margin-top: 23px;" />
		</form>
	</div>

	<!-- 尾部 -->
	<div id="weiall">
		<div id="wei">
			<div id="wei-left">
				<div class="w-l-one">关于硬件&nbsp;&nbsp;|&nbsp;&nbsp;用户合作</div>
				<div class="w-l-one">
					商务合作：<a href="">business@teach2real.com</a>
				</div>
				<div class="w-l-one">
					业务咨询：<a href="">zhangbb@teach2real.com</a>
				</div>
				<div class="w-l-one">手机也能看硬件</div>
				<div id="w-l-two">
					<img src="img/anzhuoxiazai.png" />&nbsp;&nbsp;&nbsp;<img
						src="img/IOSxiazai.png" />
				</div>
			</div>
			<div id="wei-zhong">
				<div class="w-l-one">友情链接：</div>
				<div class="w-l-one">金百泽：&nbsp;&nbsp;|&nbsp;&nbsp;云创造物&nbsp;&nbsp;|&nbsp;&nbsp;PCB在线订单</div>
				<div class="w-l-one">硬件姐姐</div>

			</div>
			<div id="wei-right">
				<img src="img/qrcode_for_gh_8baa03ad04b0_860@1x.png" /><br /> 扫码关注我们<img
					src="img/fanhuidingbu-yibang.png" />
			</div>
		</div>
		<!-- wei -->
		<div id="weixu">www.teach2real.com 2015-2016 @ All Rights
			Reserved 京ICP备16009004号-1</div>
	</div>
</body>
<script type="text/javascript">
	$(function(){
		//发送短信
			$("#btn").click(function(){//当点击发送验证码按钮就触发请求
				var a=$("#p").val();//获取phone 的值
				$.ajax({
					url:"tech2RealZCAction?phone="+a,
					success:function(mesg){
					var code=parseInt(mesg);
					if(code==2){
					alert("短信发送成功");
					}
				}
				});
				});
				});
	//验证验证码正确Ver
	$(function(){
			$("#mm").click(function(){
			var aa=$("#sr").val();//获取验证码 的值
				$.ajax({
					url:"userInforigsnAction?Verification="+aa,
					success:function(mesg){
					var a=parse(mesg);
					}
			});
			});	
			});	

</script>
</html>
